@import "base/min";
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height:46px;
    background-color: black;
    display: block;
    justify-content: space-around;
    a:-webkit-any-link {
        color: gray;
        height:46px;
    }
   
    a:nth-of-type(1) >div{
        width:30%;
        float: left;
        .tab_style{
         margin: 8px auto;
         background-repeat:no-repeat;
         background-size:30px 30px;
         background-position:left;
         background-origin:content-box;
         width:30px;
         height:30px;
         background-image: url(/static/images/home_nomal.png);
        }
        
    }
    a:nth-of-type(2) >div{
        width:40%;
        float: left;
        .tab_style{
         margin: -10px auto;
         background-repeat:no-repeat;
         background-size:46px 46px;
         background-position:left;
         background-origin:content-box;
         width:46px;
         height:46px;
         background-image: url(/static/images/new_scan.png);
        }
    }
     a:nth-of-type(3) >div{
        width:30%;
        float: left;
        .tab_style{
         margin: 8px auto;
         background-repeat:no-repeat;
         background-size:30px 30px;
         background-position:left;
         background-origin:content-box;
         width:30px;
         height:30px;
         background-image: url(/static/images/mine_nomal.png);
        }
    }
    a:nth-of-type(1).active{
        .tab_style{
            background-image: url(/static/images/home_select.png); 
        }
    }
     a:nth-of-type(2).active{
         .tab_style{
            background-image: url(/static/images/scan_select.png); 
        }
    }
     a:nth-of-type(3).active{
         .tab_style{
            background-image: url(/static/images/mine_select.png); 
        }
    }
   
    .img_style{
       width:40px;
       height:40px;
       background-image:red; 
       
    }
}